{extends file="index.tpl"}
{block name=head_title}ĐỊA ĐIỂM{/block}
{block name=head_script}
    <script>
        $(document).ready(function () {
            $('#tenDD').rmSplChar();
            $('#themDiaChi1').hide();
            $('#themDiaChi2').hide();
            $('#linkThemDiaChi').click(function () {
                $('#themDiaChi1').slideToggle("slow");
                $('#themDiaChi2').slideToggle("slow");
            });
            $('#submitDiaChi').click(function () {
                if (check_address($('form#form')[0])) {
                    var maTP = $('#thanhpho').val();
                    var maQH = $('#quanhuyen').val();
                    var maPX = $('#phuongxa').val();
                    var address = $('#address').val();
                    $.ajax({
                        type: "POST",
                        url: "/diachi",
                        data: {
                            thanhpho: maTP,
                            quanhuyen: maQH,
                            phuongxa: maPX,
                            address: address,
                            submit: "add",
                            ajax: 1
                        },
                        success: function (data) {
                            data = $.parseJSON(data);
                            maDC = parseInt(data.maDC);

                            if (data.success === 1) {
                                alert("Thêm dữ liệu thành công!");
                                $.ajax({
                                    type: "POST",
                                    url: "/diadiem",
                                    data: {
                                        ajax: 2
                                    },
                                    success: function (data2) {
                                        data2 = $.parseJSON(data2);
                                        diachi_diadiem = data2.diachi_diadiem;

                                        $("#diachi").html('');
                                        $("#diachi").append("<option value='0' selected>Chọn</option>");
                                        $.each(diachi_diadiem, function (key, val) {
                                            $("#diachi").append($("<option></option>").attr("value", val.MaDC).text(val.TenDC));
                                        });
                                        $("#diachi").val(maDC);
                                    }
                                });
                            } else {
                                alert("Dữ liệu đã tồn tại!");
                                $("#diachi").val(maDC);
                            }
                            $('#linkThemDiaChi').click();
                        }
                    });
                }
            });

            $('#tenChuQuan').rmSplChar();
            $('#themChuQuan1').hide();
            $('#themChuQuan2').hide();
            $('#linkThemChuQuan').click(function () {
                $('#themChuQuan1').slideToggle("slow");
                $('#themChuQuan2').slideToggle("slow");
            });
            $('#submitChuQuan').click(function () {
                if (check_lienhe_chuquan($('form#form')[0])) {
                    var tenChuQuan = $('#tenChuQuan').val();
                    var sdtChuQuan = $('#sdtChuQuan').val();
                    $.ajax({
                        type: "POST",
                        url: "/lienhe",
                        data: {
                            ten: tenChuQuan,
                            sdt: sdtChuQuan,
                            chucvu: 1,
                            submit: "add",
                            ajax: 1
                        },
                        success: function (data) {
                            data = $.parseJSON(data);
                            maLHCV = parseInt(data.maLHCV);

                            if (data.success === 1) {
                                alert("Thêm dữ liệu thành công!");
                                $.ajax({
                                    type: "POST",
                                    url: "/diadiem",
                                    data: {
                                        ajax: 2
                                    },
                                    success: function (data2) {
                                        data2 = $.parseJSON(data2);
                                        lienhe_diadiem = data2.lienhe_diadiem;

                                        $("#chuquan").html('');
                                        $("#chuquan").append("<option value='0' selected>Chọn</option>");
                                        $.each(lienhe_diadiem, function (key, val) {
                                            if (val.MaCV === '1') {
                                                $("#chuquan").append($("<option></option>").attr("value", val.MaLHCV).text(val.TenLHCV));
                                            }
                                        });
                                        $("#chuquan").val(maLHCV);
                                    }
                                });
                            } else {
                                alert("Dữ liệu đã tồn tại!");
                                $("#chuquan").val(maLHCV);
                            }
                            $('#linkThemChuQuan').click();
                        }
                    });
                }
            });

            $('#tenQuanLy').rmSplChar();
            $('#themQuanLy1').hide();
            $('#themQuanLy2').hide();
            $('#linkThemQuanLy').click(function () {
                $('#themQuanLy1').slideToggle("slow");
                $('#themQuanLy2').slideToggle("slow");
            });
            $('#submitQuanLy').click(function () {
                if (check_lienhe_quanly($('form#form')[0])) {
                    var tenQuanLy = $('#tenQuanLy').val();
                    var sdtQuanLy = $('#sdtQuanLy').val();
                    $.ajax({
                        type: "POST",
                        url: "/lienhe",
                        data: {
                            ten: tenQuanLy,
                            sdt: sdtQuanLy,
                            chucvu: 2,
                            submit: "add",
                            ajax: 1
                        },
                        success: function (data) {
                            data = $.parseJSON(data);
                            maLHCV = parseInt(data.maLHCV);

                            if (data.success === 1) {
                                alert("Thêm dữ liệu thành công!");
                                $.ajax({
                                    type: "POST",
                                    url: "/diadiem",
                                    data: {
                                        ajax: 2
                                    },
                                    success: function (data2) {
                                        data2 = $.parseJSON(data2);
                                        lienhe_diadiem = data2.lienhe_diadiem;

                                        $("#quanly").html('');
                                        $("#quanly").append("<option value='0' selected>Chọn</option>");
                                        $.each(lienhe_diadiem, function (key, val) {
                                            if (val.MaCV === '2') {
                                                $("#quanly").append($("<option></option>").attr("value", val.MaLHCV).text(val.TenLHCV));
                                            }
                                        });
                                        $("#quanly").val(maLHCV);
                                    }
                                });
                            } else {
                                alert("Dữ liệu đã tồn tại!");
                                $("#quanly").val(maLHCV);
                            }
                            $('#linkThemQuanLy').click();
                        }
                    });
                }
            });
        });
    </script>
    {if $action == "edit"}
        <script>
            $(document).ready(function () {
                $("#tenDD").val("{$diadiem[0].TenDD}");
                $('#tenChuQuan').val("{$diadiem[0].TenLH_ChuQuan}");
                $('#sdtChuQuan').val("{$diadiem[0].SDT_ChuQuan}");
                $('#tenQuanLy').val("{$diadiem[0].TenLH_QuanLy}");
                $('#sdtQuanLy').val("{$diadiem[0].SDT_QuanLy}");

                $("#thanhpho").val("{$diadiem[0].MaTP}");
                getQH($("#thanhpho").val());
            });
        </script>
    {/if}
{/block}
{block name=head_style}{/block}
{block name=body}
    {if isset($action)}
        {if $action == "view"}
            <a href="/diadiem/add" class="link_add_new">Thêm địa điểm</a>
            <br />
            <br />
            <!-- Table View -->
            <table cellspacing="0" cellpadding="3" align="center" border="1" class="table">
                <thead>
                    <tr class="table_thead_tr">
                        <th colspan="12">THÔNG TIN CAFE</th>
                    </tr>
                    <tr class="table_thead_tr">
                        <th>No.</th>
                        <th>Cafe Name</th>
                        <th>Address</th>
                        <th>Ward</th>
                        <th>District</th>
                        <th>City</th>
                        <th>Host Name</th>
                        <th>Host Phone</th>
                        <th>Manager Name</th>
                        <th>Manager Phone</th>
                        <th>Edit</th>
                        <th>Delete</th>
                    </tr>
                </thead>
                <tbody>
                    {foreach from=$address item=i}
                        <tr>
                            <td>{$i@index + 1}</td>         
                            <td>
                                {if $i.SoHopDong>0}
                                    <a href="/diadiem/view/{$i.MaDD}/hopdong">{$i.TenDD}</a>
                                {else}
                                    {$i.TenDD}
                                {/if}
                            </td>
                            <td>{$i.DiaChi}</td>
                            <td>{$i.TenPX}</td>
                            <td>{$i.TenQH}</td>              
                            <td>{$i.TenTP}</td>
                            <td>{$i.TenLH_ChuQuan}</td>
                            <td>{$i.SDT_ChuQuan}</td>
                            <td>{$i.TenLH_QuanLy}</td>
                            <td>{$i.SDT_QuanLy}</td>
                            <td style="text-align: center"><a href="/diadiem/edit/{$i.MaDD}">Edit</a></td>
                            <td style="text-align: center"><a href="/diadiem/delete/{$i.MaDD}" onclick="return confirm('Are you sure delete No.{$i.MaDD}?');">Delete</a></td>
                        </tr>
                    {/foreach}
                </tbody>
            </table>
        {/if}

        {if $action == "add" || $action == "edit"}
            <!-- Table Add/Edit -->
            <form id="form" onsubmit="return check_diadiem(this);" action="/diadiem" method="post">
                <table cellspacing="0" cellpadding="3" align="center" border="1" class="table">
                    <thead>
                        <tr class="table_thead_tr">
                            <th colspan="3">
                                {if $action == "add"}
                                    {"Thêm địa điểm"|upper}
                                {/if}
                                {if $action == "edit"}
                                    {"Sửa địa điểm"|upper}
                                {/if}
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td colspan="2">Tên Quán</td>
                            <td>
                                <input id="tenDD" name="tenDD" type="text" style="width: 300px">
                            </td>
                        </tr>
                        <tr>
                            <td rowspan="4">Địa Chỉ</td>
                            <td>Thành Phố</td>
                            <td>
                                <select id="thanhpho" name="thanhpho" onchange="getQH(this.value);" style="width: 304px">
                                    {if isset($thanhpho)}
                                        <option value="0">Chọn</option>
                                        {foreach from=$thanhpho item=i}
                                            <option value="{$i.MaTP}">{$i.TenTP}</option>
                                        {/foreach}
                                    {/if}
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td>Quận/Huyện</td>
                            <td> 
                                <select id="quanhuyen" name="quanhuyen" onchange="getPX(this.value);" style="width: 304px">
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td>Phường/Xã</td>
                            <td>
                                <select id="phuongxa" name="phuongxa" style="width: 304px">
                                </select> 
                            </td>
                        </tr>
                        <tr>
                            <td>Địa chỉ</td>
                            <td>  
                                <input id="address" name="address" type="text" style="width: 300px">
                            </td>
                        </tr>
                        <tr>
                            <td rowspan="2">Chủ Quán</td>
                            <td>Họ & Tên</td>
                            <td>
                                <input id="tenChuQuan" name="tenChuQuan" type="text" style="width: 300px">
                            </td>
                        </tr>
                        <tr>
                            <td>Số Điện Thoại</td>
                            <td> 
                                <input id="sdtChuQuan" name="sdtChuQuan" type="text" style="width: 300px">
                            </td>
                        </tr>
                        <tr>
                            <td rowspan="2">Quản Lý</td>
                            <td>Họ & Tên</td>
                            <td>
                                <input id="tenQuanLy" name="tenQuanLy" type="text" style="width: 300px">
                            </td>
                        </tr>
                        <tr>
                            <td>Số Điện Thoại</td>
                            <td> 
                                <input id="sdtQuanLy" name="sdtQuanLy" type="text" style="width: 300px">
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3" style="text-align: center">  
                                <input type="submit" id="submit" name="submit" value="{if $action == "add"}Add{else}Update{/if}" />
                            </td>
                        </tr>
                        {if $action == "edit"}
                        <input type="hidden" id="maDD" name="maDD" value="{$diadiem[0].MaDD}" />
                    {/if}
                    </tbody>
                </table>
            </form>
        {/if}
    {/if}
    <!-- Hiện thông báo sau khi xử lý dữ liệu -->
    {if isset($success)}
        <span>
            {if $success==1}
                <p style="color:green">Thao tác thành công!</p>
            {/if}
            {if $success==-1}
                <p style="color:red">Thao tác thất bại vì dữ liệu bị trùng hoặc không tồn tại!</p>
            {/if}
            {if $success==0}
                <p style="color:red">Thao tác thất bại vì dữ liệu đang sử dụng!</p>
            {/if}
            <p>Đang chuyển đến trang "Danh sách địa điểm" sau: <span id="redirect" style="color: red; font-weight: bold">3</span> giây. 
                Hoặc <a href="/diadiem/view">chuyển ngay</a>
            </p>
            <script>
                setTimeout(function () {
                    $("#redirect").text('' + 2);
                }, 1000);
                setTimeout(function () {
                    $("#redirect").text('' + 1);
                }, 2000);
                setTimeout(function () {
                    $("#redirect").text('' + 0);
                }, 3000);
                setTimeout(function () {
                    top.location.href = '/diadiem/view';
                }, 3500);
            </script>
        </span>
    {/if}
{/block}